
/* CSS Document */


body  {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	background: #4E6411;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	direction:rtl;
	text-align:right; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a img{ border:none;}



.introlang{ width:320px; height:20px; position:relative; right:240px; top:474px;}
.introlang a img{ padding:1px; background:#40550A; border:1px solid #818B1B;}
.introlang a:hover img{ background:#243005; border:1px solid #BFD95B;}


.textintro{ color:#B8D346; font-size:70%; font-family:Tahoma; font-weight:normal; width:350px; letter-spacing:13px; position:relative; right:222px; top:504px; text-align:center;}

.ti_r{ float:right; width:49%; border-left:1px solid ; direction:rtl; text-align:right; letter-spacing: normal; margin-bottom:15px;}
.ti_l{ float:left; width:49%; direction:ltr; text-align:left; letter-spacing: normal; margin-bottom:15px;}


/* this is the footer of the temblate */
.footer { 
	margin:-40px 0px 0px 0px;
	padding: 0px; 
	background: none; 
}
.footer .bottomnav{	
	width:900px;
	height:30px;
	margin:0px auto;
	text-align:center;
}
.footer .bottomnav a:link,
.footer .bottomnav a:visited{ line-height:30px; color:#81A817; text-decoration:none; padding-right:10px; padding-left:10px;
font-size:90%;}
.footer .bottomnav a:hover{ color:#B8D346;}
.footer .copyrights{
background:#4E6510 url(../image/footerbg.gif) repeat-x top;
padding-bottom:10px;	
}
.footer .copyrights .footericons  a:link img,
.footer .copyrights .footericons  a:visited img{
	opacity: .1; 					/* for all other browsers */
	filter: alpha(opacity=10);		/* for IE5-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";  /* for IE8 */
}
.footer .copyrights .footericons  a:hover img{
	opacity: 1; 					/* for all other browsers */
	filter: alpha(opacity=100);		/* for IE5-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  /* for IE8 */
}
.footer .copyrights p {
	margin: 0px; 
	padding:10px 0px;
	text-align:center;
	color:#E1D368;
	text-shadow:1px 1px #728F23;
	font-size:90%;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/* intro css */
.container{ background: url(../image/intro.jpg) no-repeat top center; margin:0px auto 0px auto; width:800px; height:631px;}

.containernew{ background: url(../image/intro2.jpg) no-repeat top center; margin:0px auto 0px auto; width:1280px; height:628px;}




a:link, a:visited{color:#B8D346;}
 a:hover{ color:#B8D346;}